<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>ng-app指令</title>
	</head>
	<script type="text/javascript" src="js/angular.js" ></script>
	<body  ng-app="myApp" >
	<!--ng-app指令用来表明一个angularjs应用程序，尽可能范围少啊-->
	<!--可以在一个页面创建多个ng-app节点，但是并不推荐,angular找到第一个ng-app之后
		以后就不会再去找第二个ng-app了，需要我们手动去管理
	-->		
	<!--小例子-->
	<div ng-controller="App1Controller" >
		<input type="button" value="按钮1" ng-click="do1()" />
	</div>
	<div ng-controller="App2Controller">
		<input type="button" value="按钮2" ng-click="do2()" />
	</div>
	<script>
		 var myApp1=angular.module('myappl',[]); //myApp1只是作为一个变量保存
		 myApp1.controller("App1Controller",['$scope',function($socpe){
		 	$socpe.do1=function(){
		 		console.log("1111");
		 	}
		 }])
		 
		var myApp2=angular.module('myapp2',[]); //myApp1只是作为一个变量保存
		 myApp2.controller("App2Controller",['$scope',function($socpe){
		 	$socpe.do2=function(){
		 		console.log("222");
		 	}
		 }])
		 
		 angular.module('myApp',['myappl','myapp2']);
		 
		 
	</script>
		
	
	
	
		
	</script>
		
		
	</body>
</html>
